<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>DNMP</title>
</head>
<body>
	<div class="container">
		<div style="width:1000px;">
			<h1>Hello, DNMP</h1>
			<p>PHP VERSION: <b><?=phpversion();?></b></p>
			<ul>
				<?php foreach (get_loaded_extensions() as $module) {
					echo "<li>{$module}</li>";
				} ?>
			</ul>
		</div>
	</div>
</body>
</html>

<style type="text/css">
	body {
		overflow: hidden;
	}
	.container {
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.container h1 {
		font-size: 5rem;
		font-weight: 400;
		color: #333;
	}
	.container p {
		font-size: 2rem;
		font-weight: 100;
		color: #999;
	}
	.container ul {
		list-style: none;
	}
	.container ul li {
		float: left;
		padding: 5px 7px;
		background-color: rgb(252, 80, 60);
		color: #fff;
		margin: 3px;
		font-size: 0.85rem;
		border-radius: 0.25rem;
	}
</style>